﻿html, body { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #a0c7ed; }

div.logo { }
div.logo p { margin: 0; }
div.logo p.name { color: #fff; font-family: Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: bold; padding: 5px 10px 0 0; }
div.logo p.by { color: #81868B; font-family: Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: bold; padding: 0 10px 5px 0; text-align: right; }

div.left { float: left; }
div.right { float: right; }

div.header { width: 100%; background-color: #141414; height: 46px; min-width: 1000px; }
div.header ul.menu { margin: 0; }
div.header ul.menu li.item { list-style: none; display: inline-block; font-family: Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #81868B; }
div.header ul.menu li.item a { display: block; font-family: Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; padding: 15px 15px 15px 15px; text-decoration: none; color: #81868B; }
div.header ul.menu li.item a:hover, div.header ul.menu li.select a { color: #fff; background-color: #000 }

img.logo { display: block; float: left; padding: 7px 0 0 10px;  }
div.logo p.name { font-size: 16px; }
div.logo p.by { font-size: 10px; }
div.header ul.menu li.item, div.header ul.menu li.item a { font-size: 12px; }

form.form {
   margin: 50px auto 50px auto;
   padding: 10px 20px 20px 17px;
   background-color: #fff;
   border: 1px solid rgba(98, 147, 232, 0.8);
   margin: 20px;
   -moz-border-radius: .4em !important;
   -webkit-border-radius: .4em !important;
   border-radius: .4em !important;
   -moz-box-shadow: 5px 5px 5px #888;
   -webkit-box-shadow: 5px 5px 5px #888;
   box-shadow: 5px 5px 5px #888;
}
form.form table {
}

fieldset 
{
	-moz-box-shadow: 0 2px 5px #d1d1d1;
	-webkit-box-shadow: 0 2px 5px #d1d1d1;
	box-shadow: 0 2px 5px #d1d1d1;
	border:#ccc 1px solid;
	padding: 20px;
	margin-bottom: 10px;
}

textarea, select, input[type=text] {
	display: inline-block;	        
	background: #F5FAFF;
	border: 1px solid #8db2e3 !important;
    padding: 3px;
    margin: 3px 0 3px 0;
    font-size: 1em;
    text-decoration: none;
    color: #333;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 2px 5px #d1d1d1;-webkit-box-shadow: 0 2px 5px #d1d1d1;box-shadow: 0 2px 5px #d1d1d1;
    text-overflow: ellipsis;
}
select:hover{ background: rgba(111, 161, 237, 0.4);}
select:active{padding: 3px;-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;background: rgba(111, 161, 237, 0.4);}
select:focus{padding: 3px; background: rgba(111, 161, 237, 0.2);}

button, span, legend, label, select, input[type=text] { font-family: Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; }
textarea {
}

button{        
	display: inline-block;	        
    background-color: #DCE7F2;
	background: rgba(141, 166, 187, 0.3);
	border: 1px solid #8db2e3 !important;
    padding: 0 25px 0 25px;
    cursor: default;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 2px 5px #d1d1d1;-webkit-box-shadow: 0 2px 5px #d1d1d1;box-shadow: 0 2px 5px #d1d1d1;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 2em;
    font-family: Arial, Helvetica;
}
BorderColor="#0099FF" BorderStyle="Solid" BorderWidth="1px" Height="25px"

button:hover{background-color: #CEDCE9;background: rgba(141, 169, 210, 0.4);background-image: linear-gradient(top, #fafafa, #ddd);color: #333; BorderStyle="Solid" BorderWidth="1px"}
button:active{-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;position: relative;top: 1px;}
button:focus{outline: 0;background: rgba(141, 169, 210, 0.4);}

td.right { text-align: right; }
form.mw920 { min-width: 500px; }
select.mw300 { min-width: 300px; }
input[type=text].mw300 { min-width: 300px; }

.icnBtnExcel, .icnBtnExcel:hover, .icnBtnExcel:focus,
.icnBtnImprimir, .icnBtnImprimir:hover, .icnBtnImprimir:focus,
.icnBtnLimpiar, .icnBtnLimpiar:hover, .icnBtnLimpiar:focus,
.icnBtnBuscarDoc, .icnBtnBuscarDoc:hover, .icnBtnBuscarDoc:focus,
.icnBtnBuscar, .icnBtnBuscar:hover, .icnBtnBuscar:focus,
.icnBtnAdjunto, .icnBtnAdjunto:hover, .icnBtnAdjunto:focus,
.icnBtnUpload, .icnBtnUpload:hover, .icnBtnUpload:focus,
.icnBtnGuardar, .icnBtnGuardar:hover, .icnBtnGuardar:focus,
.icnBtnCancelar, .icnBtnCancelar:hover, .icnBtnCancelar:focus,
.icnBtnAgregar, .icnBtnAgregar:hover, .icnBtnAgregar:focus,
.icnBtnCerrar, .icnBtnCerrar:hover, .icnBtnCerrar:focus,
.icnBtnExplorar, .icnBtnExplorar:hover, .icnBtnExplorar:focus,
.icnBtnEmail, .icnBtnEmail:hover, .icnBtnEmail:focus { background-repeat: no-repeat;background-position: 5px 4px; }

.icnBtnExcel, .icnBtnExcel:hover, .icnBtnExcel:focus { background-image: url('pt/excel16.png'); }
.icnBtnImprimir, .icnBtnImprimir:hover, .icnBtnImprimir:focus { background-image: url('pt/print16.png'); }
.icnBtnLimpiar, .icnBtnLimpiar:hover, .icnBtnLimpiar:focus { background-image: url('pt/clear16.png'); }
.icnBtnBuscarDoc, .icnBtnBuscarDoc:hover, .icnBtnBuscarDoc:focus { background-image: url('pt/ver16.png'); }
.icnBtnBuscar, .icnBtnBuscar:hover, .icnBtnBuscar:focus { background-image: url('pt/buscar16.png'); }
.icnBtnAdjunto, .icnBtnAdjunto:hover, .icnBtnAdjunto:focus { background-image: url('pt/attach16.png'); }
.icnBtnUpload, .icnBtnUpload:hover, .icnBtnUpload:focus { background-image: url('pt/up16.png'); }
.icnBtnGuardar, .icnBtnGuardar:hover, .icnBtnGuardar:focus { background-image: url('pt/save16.png'); }
.icnBtnGuardar2, .icnBtnGuardar2:hover, .icnBtnGuardar2:focus { background-image: url('pt/save16.png'); }

.icnBtnCancelar, .icnBtnCancelar:hover, .icnBtnCancelar:focus { background-image: url('pt/undo.png'); }
.icnBtnAgregar, .icnBtnAgregar:hover, .icnBtnAgregar:focus { background-image: url('pt/multi16.png');
	width: 177px;
}
.icnBtnCerrar, .icnBtnCerrar:hover, .icnBtnCerrar:focus { background-image: url('pt/close16.png'); }
.icnBtnExplorar, .icnBtnExplorar:hover, .icnBtnExplorar:focus { background-image: url('pt/explore16.png'); }
.icnBtnEmail, .icnBtnEmail:hover, .icnBtnEmail:focus { background-image: url('pt/email16.png'); }

input[type=text].calendario{background-image: url('pt/cal16.png');background-repeat: no-repeat;background-position: right;background-size: 18px 18px;padding: 2px;}

 
.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .mGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mGrid .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }